<script lang="ts" setup>
interface Props {
  width?: string
  height?: string
}
const props = withDefaults(defineProps<Props>(), {
  width: '80px',
  height: '80px',
})
const { width, height } = toRefs(props)

const router = useRouter()
function back() {
  router.go(-1)
}
</script>

<template>
  <n-empty size="huge" class="Cempty" w-full h-full mt-30>
    <template #extra>
      <n-button size="medium" @click="back">
        返回上一页
      </n-button>
    </template>
  </n-empty>
</template>

<style lang="scss" scoped>
.Cempty{
  :deep(.n-empty__icon) {
    width: v-bind(width);
    height: v-bind(height);
  }
  :deep(.n-base-icon) {
    width: v-bind(width);
    height: v-bind(height);
  }
  :deep(.n-base-icon) {
    svg{
      width: v-bind(width);
      height: v-bind(height);
    }
  }
}
</style>
